.vpt-modal-base {
  .ant-modal-content {
    box-shadow: inset 0 -1px 0 0 #ffffff33;
    border: 1px solid #4895e899;
    background-color: #ffffff00;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../../assets/img/theme1/base-model.png);
  }
}

.vpt-modal-base-self-bg {
  z-index: 999;
  // font-family: HarmonyOS_Sans_SC_Medium;
  position: fixed;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  height: 100%;
  background: #00000099;
  display: flex;
    justify-content: center;
    align-items: center;

  .vpt-modal-base-self {
    margin: 0 auto;
    // pointer-events: none;
    position: relative;
    // top: 20%;
    width: 8.12rem;
    // height: 15.1rem;
    // max-width: calc(100vw - 32px);
    box-shadow: inset 0 -1px 0 0 #ffffff33;
    // border: 1px solid #4895e899;
    background: #FFFFFF;
    border: 0.01rem solid #E6EBF5;
    // background-color: #ffffff00;
    // background-repeat: no-repeat;
    // background-size: 100% 100%;
    // background-image: url(../../assets/img/theme1/base-model.png);
    z-index: 999;

    .vpt-img {
      width: 0.18rem;
    }

    .vpt-modal-base-self-header {
      display: flex;
      height: 0.2rem;
      justify-content: space-between;
      // border-bottom: 1px solid #ffffff33;

      .vpt-title {
        font-weight: 500;
        color: #ffffff;
      }

      .vpt-close {
        cursor: pointer;

        // padding-right: 0.2rem;
        img {
          width: 0.48rem;
          cursor: pointer;
        }
      }
    }
  }
}